<template>
	<div id="app">
		<!-- <add></add> -->
		<!-- <el-button type="primary" @click="dialogVisible = true" >查看详情</el-button> -->
		<!-- <home-popup></home-popup> -->
		<!-- <homeView></homeView> -->

		<!-- <Help></Help> -->

		<!-- 测试地方 -->
		<!-- <div id="nav">
      <router-link to="/hs/a">父组件</router-link>|
      <router-link to="/siblingPassValue/1">测试兄弟组件的传值</router-link>|
      <router-link to="/home">Home</router-link>|
      <router-link to="/about/3">About</router-link>
      <router-link to="/about/4">About</router-link>
    </div>-->
		<router-view />
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				currentPage1: 5,
				currentPage2: 5,
				currentPage3: 5,
				currentPage4: 4,
				navId: 0,
				navMsg: 0,
				dialogVisible: false
			}
		},
		methods: {
			apop(e) {
				// console.log(e);

				this.dialogVisible = e
			},
			onNav(id) {
				this.navId = id
				// console.log(e.id);
			},
			onNavMsg(id) {
				this.navMsg = id
			},
			handleSizeChange(val) {
				console.log(`每页 ${val} 条`)
			},
			handleCurrentChange(val) {
				console.log(`当前页: ${val}`)
			}
		}
	}
</script>

<style lang="scss" scope>
	@import './css/index.scss';

	//

	// #app {
	//   font-family: Avenir, Helvetica, Arial, sans-serif;
	//   -webkit-font-smoothing: antialiased;
	//   -moz-osx-font-smoothing: grayscale;
	//   // text-align: center;
	//   color: #2c3e50;
	// }
	#app {
		width: 100%;
	}
	#nav {
		width: 100%;
	}
	//   padding: 30px;

	//   a {
	//     font-weight: bold;
	//     color: #2c3e50;

	//     &.router-link-exact-active {
	//       color: #42b983;
	//     }
	//   }
	// }
</style>
